.homePage {
	width: 750upx;
	min-height: calc(100vh - 44px);
	background-color: #F8F8F8;
	padding-bottom: 69upx;
	.positioning {
		position: fixed;
		top: 44px;
		z-index: 10;
		left: 0;
	}
	.header {
		background: url(../../static/img/index/homePageBj@2x.png) no-repeat;
		background-size: 100% 100%;
		width: 750upx;
		height: 327upx;
		.top {
			padding-top: 25upx;
			margin:0 43upx 41upx 596upx;
			image {
				width: 36upx;
				height: 36upx;
			}
			.txl {
				margin-right: 39upx;
			}
		}
		.down {
			position: relative;
			display: flex;
			align-items: center;
			margin: 0 62upx 0 24upx;
			width: 680upx;
			navigator {
				flex: 1;
				display: flex;
				align-items: center;
				.defalut {
					width: 92upx;
					height: 92upx;
					border-radius: 10upx;
				}
				.nickname {
					margin-left: 30upx;
					flex: 1;
					.name {
						text {
							color: #FFFFFF;
							font-size: 34upx;
							font-weight: bold;
						}
						image {
							margin-left: 27upx;
							width: 30upx;
							height: 30upx;
							vertical-align: middle;
						}
					}
					.call {
						color: #E1FFF5;
						font-size: 26upx;
						margin-top: 20upx;
					}			
				}
			}		
			.im {			
				width: 68upx;
				height: 68upx;
				margin-left: 15upx;
			}
		}
	}
	
	.myself {
		width: 702upx;
		margin: -76upx 24upx 0;
		background-color: #FFFFFF;
		height: 154upx;
		border-radius: 12upx;
		display: flex;
		align-items: center;
		box-shadow: 0 8upx 18upx 0 rgba(224, 224, 224, 0.4);
		navigator {
			flex: 1;
			text-align: center;
			view {
				position: relative;
				color: #000000;
				font-size: 38upx;
				margin-bottom: 10upx;
			}
			text {
				color: #333333;
				font-size: 30upx;
			}
		}
	}
	.mainContent {
		padding-top: 405upx;
	}
	.quicklyCreate {
		margin: 26upx 24upx 0;
		width: 702upx;
		padding: 36upx 0 20upx;
		background-color: #FFFFFF;
		box-shadow: 0 8upx 18upx 0 rgba(224, 224, 224, 0.4);
		border-radius: 14upx;
		.navigation {
			padding:0 16upx 0;
			image {
				width: 8upx;
				height: 24upx;
				margin-right: 15upx;
			}
			text {
				color: #000000;
				font-size: 34upx;
			}
		}
		.itemBox {
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			.item {
				width: 25%;
				text-align: center;
				margin-top: 40upx;
				height: 158upx;
				image {
					width: 50upx;
					height: 50upx;
				}
				text {
					display: block;
					margin-top: 15upx;
					color: #333333;
					font-size: 28upx;
				}
			}
		}
	}
}